<!DOCTYPE html>
<html lang="en">
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
<title>注册</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!-- description -->
<meta name="description" content="Login Form - Responsive Template">
<link rel="shortcut icon" href="images/favicon.ico" th:href="@{/images/favicon.ico}">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="../../static/css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}">
<!-- Material Design Icons CSS -->
<link rel="stylesheet" href="../../static/css/materialdesignicons.css" th:href="@{/css/materialdesignicons.css}">
<!-- Bootstrap Checkbox CSS -->
<link rel="stylesheet" href="../../staticcss/awesome-bootstrap-checkbox.css" th:href="@{/css/awesome-bootstrap-checkbox.css}">
<!-- Rippler CSS -->
<link rel="stylesheet" href="../../static/css/rippler.min.css" th:href="@{/css/rippler.min.css}">
<!-- Style CSS -->
<link rel="stylesheet" href="../../static/css/style.css" th:href="@{/css/style.css}">
<!-- Responsive  CSS -->
<link rel="stylesheet" href="../../static/css/responsive.css" th:href="@{/css/responsive.css}">
</head>
<body>

<div class="container py-2">
    <div class="row">
        <div class="col-md-12">
			<div class="logo">
				<a href="#">
					<h1>校园失物</h1>
				</a>
			</div>
            <div class="row">
                <div class="col-md-6 login-form mx-auto">
                    <!-- form card login -->
                    <div class="card">
                        <div class="card-header">
                            <h3 class="mb-0">登录</h3>
                        </div>
                        <div class="card-body">
                            <form id="formLogin" method="POST" class="formLogin" th:action="@{/admin/register}">
                                <div class="form-group">
									<label for="username">用户名:</label><span style="color: grey" >(*必填)</span>
                                    <input for="username" class="form-control" id="username" name="username"  type="text" required="">
                                </div>
                                <div class="form-group">
									<label for="password">密码:</label><span style="color: grey" >(*必填)</span>
                                    <input for="password" type="password" name="password" class="form-control"  id="password" required="">
                                </div>
								<div class="form-group">
									<label for="real_name">真实姓名</label>
									<input for="password" type="text" name="realName" class="form-control" id="real_name" >
								</div>
								<div class="form-group">
									<label for="card_number">邮箱</label>
									<input for="password" type="text" name="cardNumber" class="form-control" id="card_number" >
								</div>
<!--									<input for="password" type="hidden" name="card_number"  placeholder="test" id="location" >-->

								<div style="color: red" th:if="${message != null}" th:text="${message}">用户名已存在!</div>
								<div class="row mb-3"></div>
								<div class="row mb-2">
									<div class="col-lg-12 text-center"><button type="submit" class="btn btn-success hover-btn btn-wd " id="btnLogin"><span>注册</span></button></div>
								</div>
                            </form>
							</div>
							<div class="row mb-4">
								<div class="col-lg-12">
									<div class="create-box text-block text-center my-0">
										<span class="text-small font-weight-semibold">已有账号</span>
										<a href="#" class="text-black text-small">返回登录</a>
									</div>
								</div>
							</div>
                        </div>
                    </div>
                    <!-- /form card login -->
                </div>
            </div>
            <!--/row-->
        </div>
        <!--/col-->
    </div>
    <!--/row-->
</div>
<!--/container-->

<!-- jquery latest version -->
<script src="../../static/js/jquery.min.js"></script>
<!-- popper.min.js -->
<script src="../../static/js/popper.min.js"></script>
<!-- bootstrap js -->
<script src="../../static/js/bootstrap.min.js"></script>
<!-- Jquery Rippler js -->
<script src="../../static/js/jquery.rippler.min.js"></script>
<!-- script js -->
<script src="../../static/js/script.js"></script>
<!--<script>-->
<!--	$('#location').val($('#area').val())-->
<!--	$('#area').change(function (obj) {-->
<!--		$('#location').val($('#area').val())-->

<!--	})-->
<!--</script>-->
</body>
</html>